Es habitual que en determinados casos nos soliciten que textos más o menos largos se presenten en forma abreviada con la posiblidad de desplegarlos completamente o volverlos a ocultar.

Es habitual que en determinados casos nos soliciten que textos más o menos largos se presenten en forma abreviada con la posiblidad de desplegarlos completamente o volverlos a ocultar.

Si no tenemos acceso a las plantillas generadas por el gestor de contenido, una forma sencilla de hacerlo es mediante Javascript. En nuestros desarrollos por lo general usamos jQuery para disponer de una amplia gama de efectos.

Manipularíamos el fragmento de HTML que quisiéramos abreviar para añadir un enlace que despliegue el texto completo al pincharlo y lo oculte de nuevo si es necesario.

A veces en nuestras páginas web existen secciones en donde hay que colocar mucho texto y para el usuario puede ser molesto o cansado ver una página con un montón de lineas que aveces no son de suma importancia para todos, o por ejemplo también podemos querer poner secciones de noticias y mostrar varios bloques con texto que por cuestión de diseño pues no se puede poner el texto completo. Para este tipo de ejemplos el expandir y contraer texto o contenido es una excelente opción.

En el ejemplo vamos a expandir un párrafo o tag pero funciona igual con etc. Es algo realmente muy sencillo y es uno de esos trocitos de código que nos resuelven el día. El resultado se verá como la imagen pero vamos a ver paso a paso como hacerlo.

Cabe mencionar que este ejemplo te muestra una de las tantas maneras de hacerlo sinceramente es muy fácil y requiere muy poco código además en este ejemplo lo vamos a hacer con código HTML y CSS puro.